<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>吃果果 | 您网上的水果专卖店</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!--<link rel="stylesheet" type="text/css"  href="web/css/googlefont.css" />-->
<link href="smartphone/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="smartphone/css/imgeffect.css" />
<link rel="stylesheet" type="text/css" href="smartphone/css/fwslider.css" />
<script src="smartphone/js/jquery.min.js"></script>
<script src="smartphone/js/fwslider.js"></script>
<!-- start gallery Script -->
	<script type="text/javascript" src="smartphone/js/jquery.easing.min.js"></script>	
	<script type="text/javascript" src="smartphone/js/jquery.mixitup.min.js"></script>
				<script type="text/javascript">
				$(function () {
					
					var filterList = {
					
						init: function () {
						
							// MixItUp plugin
							// http://mixitup.io
							$('#productlist').mixitup({
								targetSelector: '.product',
								filterSelector: '.filter',
								effects: ['fade'],
								easing: 'snap',
								// call the hover effect
								onMixEnd: filterList.hoverEffect()
							});				
						
						},
						
						hoverEffect: function () {
						
							// Simple parallax effect
							$('#productlist .product').hover(
								function () {
									$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
									$(this).find('img').stop().animate({top: 0}, 500, 'easeOutQuad');				
								},
								function () {
									$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeInQuad');
									$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');								
								}		
							);				
						
						}
			
					};
					
					// Run the show!
					filterList.init();
					
					
				});	
				</script>
				<!-- Add fancyBox main JS and CSS files -->
				<script src="smartphone/js/jquery.magnific-popup.js" type="text/javascript"></script>
				<link href="smartphone/css/magnific-popup.css" rel="stylesheet" type="text/css">
						<script>
							$(document).ready(function() {
								$('.popup-with-zoom-anim').magnificPopup({
									type: 'inline',
									fixedContentPos: false,
									fixedBgPos: true,
									overflowY: 'auto',
									closeBtnInside: true,
									preloader: false,
									midClick: true,
									removalDelay: 300,
									mainClass: 'my-mfp-zoom-in'
								});	
						});
						</script>
				<script type="text/javascript" src="web/js/move-top.js"></script>
				<script type="text/javascript" src="web/js/easing.js"></script>
				<!----end gallery----------->
				
		   	<script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){		
						event.preventDefault();
						$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
					});
					
					$("#submit_button_a").click(function(event){
						// get values
						var client_name_val=$("#client_name_id_a").val();
						var address_val=$("#address_id_a").val();
						var phone_number_val=$("#phone_number_id_a").val();
						var amount_val=$("#amount_id_a").val();
						var type_val=$("#type_id_a").val();
						
						// Verification
						if (client_name_val == "" || client_name_val == "联系人为必填项" || client_name_val == "联系人"){
							$("#client_name_id_a").css("color","red");
							$("#client_name_id_a").val("联系人为必填项");
							return false;
						} 
						
						if (address_val == "" || address_val == "地址为必填项"||address_val == "地址"){
							$("#address_id_a").css("color","red");
							$("#address_id_a").val("联系人为必填项");
							return false;
						} 
						
						if (phone_number_val == "" || phone_number_val == "联系电话为必填项" || phone_number_val == "联系电话"){
							$("#phone_number_id_a").css("color","red");
							$("#phone_number_id_a").val("联系电话为必填项");
							return false;
						} 
						
						if (amount_val == "" || amount_val == "数量为必填项" || amount_val == "数量"){
							$("#amount_id_a").css("color","red");
							$("#amount_id_a").val("数量为必填项");
							return false;
						}
						
						// submit data to server

						$.ajax({
							type:"post",
							async:true,
							url:"db/save_order.php",
							data: {client_name:client_name_val, address:address_val, phone_number:phone_number_val,amount:amount_val,type:type_val},
							beforeSend:function(){
								$('#submit_button_a').css("display","none");
								$('#loading_image_a').css("display","block");
							},
							dataType:"html",
							error:function(){
								alert("error");
							},
							success:function(data){
								$("#small-dialog2-a").html(data);
							}
						}); 
					});
					
					$("#submit_button_b").click(function(event){
						// get values
						var client_name_val=$("#client_name_id_b").val();
						var address_val=$("#address_id_b").val();
						var phone_number_val=$("#phone_number_id_b").val();
						var amount_val=$("#amount_id_b").val();
						var type_val=$("#type_id_b").val();
						
						// Verification
						if (client_name_val == "" || client_name_val == "联系人为必填项" || client_name_val == "联系人"){
							$("#client_name_id_b").css("color","red");
							$("#client_name_id_b").val("联系人为必填项");
							return false;
						} 
						
						if (address_val == "" || address_val == "地址为必填项"||address_val == "地址"){
							$("#address_id_b").css("color","red");
							$("#address_id_b").val("联系人为必填项");
							return false;
						} 
						
						if (phone_number_val == "" || phone_number_val == "联系电话为必填项" || phone_number_val == "联系电话"){
							$("#phone_number_id_b").css("color","red");
							$("#phone_number_id_b").val("联系电话为必填项");
							return false;
						} 
						
						if (amount_val == "" || amount_val == "数量为必填项" || amount_val == "数量"){
							$("#amount_id_b").css("color","red");
							$("#amount_id_b").val("数量为必填项");
							return false;
						}

						// submit data to server
						$.ajax({
							type:"post",
							async:false,
							url:"db/save_order.php",
							data: {client_name:client_name_val, address:address_val, phone_number:phone_number_val,amount:amount_val,type:type_val},
							beforeSend:function(){
								$('#submit_button_b').css("display","none");
								$('#loading_image_b').css("display","block");
							},
							dataType:"html",
							error:function(){
								alert("error");
							},
							success:function(data){
								$("#small-dialog2-b").html(data);
							}
						});
					});
					
					$("#submit_button_c").click(function(event){
						// get values
						var client_name_val=$("#client_name_id_c").val();
						var address_val=$("#address_id_c").val();
						var phone_number_val=$("#phone_number_id_c").val();
						var amount_val=$("#amount_id_c").val();
						var type_val=$("#type_id_c").val();
						
						// Verification
						if (client_name_val == "" || client_name_val == "联系人为必填项" || client_name_val == "联系人"){
							$("#client_name_id_c").css("color","red");
							$("#client_name_id_c").val("联系人为必填项");
							return false;
						} 
						
						if (address_val == "" || address_val == "地址为必填项"||address_val == "地址"){
							$("#address_id_c").css("color","red");
							$("#address_id_c").val("联系人为必填项");
							return false;
						} 
						
						if (phone_number_val == "" || phone_number_val == "联系电话为必填项" || phone_number_val == "联系电话"){
							$("#phone_number_id_c").css("color","red");
							$("#phone_number_id_c").val("联系电话为必填项");
							return false;
						} 
						
						if (amount_val == "" || amount_val == "数量为必填项" || amount_val == "数量"){
							$("#amount_id_c").css("color","red");
							$("#amount_id_c").val("数量为必填项");
							return false;
						}
						
						// submit data to server
						$.ajax({
							type:"post",
							async:false,
							url:"db/save_order.php",
							data: {client_name:client_name_val, address:address_val, phone_number:phone_number_val,amount:amount_val,type:type_val},
							beforeSend:function(){
								$('#submit_button_c').css("display","none");
								$('#loading_image_c').css("display","block");
							},
							dataType:"html",
							error:function(){
								alert("error");
							},
							success:function(data){
								$("#small-dialog2-c").html(data);
							}
						});
					});
				});
			</script>
</head>

<body>
		<!----start-header----------->
				<div class="header_bg">
					<div class="wrap">
						<div class="header">
							<!--------start-logo------>
							<div class="logo">
								<a href="index.html"><img src="web/images/logo.png" alt="" /></a>
							</div>	
							<!--------end-logo--------->
							<!----start-nav-------->	
							<div class="nav">
								<ul>
								   <li class="active"><a href="#home" class="scroll">首页</a></li>
								   <li><a href="#product" class="scroll">产品介绍</a></li>
								   <li><a href="#order" class="scroll">网上下单</a></li>
								   <li><a href="#contact" class="scroll">联系我们</a></li>
								 </ul>
							</div>
							<!-----end-nav-------->
							<div class="clear"> </div>
						</div>
					</div>
				</div>
		<!------end-header------------>
		<!-- start slider -->
        <div id="fwslider">
        <div class="slider_container">
            <div class="slide"> 
                <!-- Slide image -->
                    <img src="web/images/slider1.jpg" alt="图片加载失败">
                <!-- /Slide image -->
                <!-- Texts container -->
                <div class="slide_content">
                    <div class="slide_content_wrap">
                        <!-- Text title -->
                        <h4 class="title">i want to feel What you wanted!</h4>
                        <!-- /Text title -->
                        
                        <!-- Text description -->
                        <p class="description">A super clean and easy to use Modern templates Lorem ipsum dolor sit amet</p>
                        <!-- /Text description -->
                    </div>
                </div>
                 <!-- /Texts container -->
            </div>
            <!-- /Duplicate to create more slides -->
            <div class="slide">
                <img src="web/images/slider2.jpg" alt="图片加载失败">
                <div class="slide_content">
                    <div class="slide_content_wrap">
                        <h4 class="title">Lorem ipsum dolor sit amet</h4>
                        <p class="description">Pellentesque non neque egestas libero. Nam sed porta est. Vestibulum id massa eu odio rhoncus eleifend.</p>
                    </div>
                </div>
            </div>
            <!--/slide -->
        </div>
        <div class="timers"></div>
        <div class="slidePrev"><span></span></div>
        <div class="slideNext"><span></span></div>
    </div>
<!-----end-slider-------->

<!--start product------>
	<div class="wrap" id="product">
				<div class="main">
					<!-- start gallery  -->
							<div class="gallery1">
					<!--start-mfp -->	
						<div id="small-dialog1" class="mfp-hide">
							<div class="pop_up">
								<h2>Lorem ipsum sit amet</h2>
								<img src="smartphone/images/icon1.png" alt=""/>
								<p class="para">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.</p>
							</div>
						</div>
					<!--end-mfp -->	
			<!---start-content----->
			<div class="gallery">
					<div class="clear"> </div>
					<div class="container">
						<h2>产品介绍</h2>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
					<!--<ul id="filters" class="clearfix">
						<li><span class="filter active" data-filter="app card icon logo web">All</span></li>
						<li><span class="filter" data-filter="app web">农场</span></li>
						<li><span class="filter" data-filter="icon web card">加工</span></li>
						<li><span class="filter" data-filter="web app icon card">配送</span></li>
					</ul>-->
			<div id="productlist">
			
			<div class="product logo" data-cat="logo">
				<div class="product-wrapper">				
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-1">
									<div class="ch-info">
										<img src="web/images/zoom-white.png" alt="图片加载失败"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>		
				
			<div class="product app" data-cat="app">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-2">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
				
			<div class="product web" data-cat="web">
				<div class="product-wrapper">						
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-3">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
			
			
			<div class="product card" data-cat="card">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-4">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
				
			
			<div class="product app" data-cat="app">
				<div class="product-wrapper">
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-5">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
				
			
			<div class="product card" data-cat="card">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-6">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
			
		
			<div class="product card" data-cat="card">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-7">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>	
		

			<div class="product logo" data-cat="logo" id="hide">
				<div class="product-wrapper">			
					<a class="popup-with-zoom-anim" href="#small-dialog1">
						<ul class="ch-grid">
							<li>
								<div class="ch-item ch-img-8">
									<div class="ch-info">
										<img src="web/images/zoom-white.png"/>
										<h3>Example Title</h3>
										<p>Wed Desing</p>
									</div>
								</div>
							</li>
						</ul>
					</a>
				</div>
			</div>																																							

		</div>
	</div><!-- container -->
	<script type="text/javascript" src="web/js/fliplightbox.min.js"></script>
	<script type="text/javascript">$('body').flipLightBox()</script>
	<div class="clear"> </div>
	</div>
	</div>
	</div>
</div>
<!---End-gallery----->
<!-----start-order-------->

<div class="order" id="order">
	<div class="wrap">
	<div id="small-dialog2-a" class="mfp-hide">
		<div class="pop_up">
			<h2>网上下单</h2>
			<p>亲，您即将对: <span class="highlight">套餐A</span> 进行下单</p>
			<p>请您注意我们的配送时段安排：</p>
			<h4 class="description">每日下午02:00以前下单，当日下午03:00-下午04:00即可送达</h4>
			<h4 class="description">每日下午02:00以后下单，次日上午11:00-上午12:00即可送达</h4>
			<p>请您提供以下所有必要的信息，感谢您的合作！</p>
			<div class="order-form">
				<form method="post">
					<input name="client_name" id="client_name_id_a" type="text" class="textbox" value="联系人" onfocus="this.value = '';document.getElementById('client_name_id_a').style.color='black';" onblur="if (this.value == '') {this.value = '联系人为必填项';document.getElementById('client_name_id_a').style.color='red';}"/>
					<input name="address" id="address_id_a" type="text" class="textbox" value="地址" onfocus="this.value = '';document.getElementById('address_id_a').style.color='black';" onblur="if (this.value == '') {this.value = '地址为必填项';document.getElementById('address_id_a').style.color='red';}"/>
					<input name="phone_number" id="phone_number_id_a" type="text" class="textbox" value="联系电话" onfocus="this.value = '';document.getElementById('phone_number_id_a').style.color='black';" onblur="if (this.value == '') {this.value = '联系电话为必填项';document.getElementById('phone_number_id_a').style.color='red';}"/>
					<input name="amount" id="amount_id_a" type="text" class="textbox" value="数量（盒）" onfocus="this.value = '';document.getElementById('amount_id_a').style.color='black';" onblur="if (this.value == '') {this.value = '数量为必填项';document.getElementById('amount_id_a').style.color='red';}"/>
					<span><img id="loading_image_a" src="web/images/loading_new.gif"/></span>
					<span><input id="submit_button_a" type="button" value="提交订单"/></span>
					<input name="type" id="type_id_a" type="text" style="display:none" value="套餐A"/>
					<div class="clear"></div>
				</form>
			</div>
		</div>
	</div>
	
	<div id="small-dialog2-b" class="mfp-hide">
		<div class="pop_up">
			<h2>网上下单</h2>
			<p>亲，您即将对: <span class="highlight">套餐B</span> 进行下单</p>
			<p>请您注意我们的配送时段安排：</p>
			<h4 class="description">每日下午02:00以前下单，当日下午03:00-下午04:00即可送达</h4>
			<h4 class="description">每日下午02:00以后下单，次日上午11:00-上午12:00即可送达</h4>
			<p>请您提供以下所有必要的信息，感谢您的合作！</p>
			<div class="order-form">
				<form method="post">
					<input name="client_name" id="client_name_id_b" type="text" class="textbox" value="联系人" onfocus="this.value = '';document.getElementById('client_name_id_b').style.color='black';" onblur="if (this.value == '') {this.value = '联系人为必填项';document.getElementById('client_name_id_b').style.color='red';}"/>
					<input name="address" id="address_id_b" type="text" class="textbox" value="地址" onfocus="this.value = '';document.getElementById('address_id_b').style.color='black';" onblur="if (this.value == '') {this.value = '地址为必填项';document.getElementById('address_id_b').style.color='red';}"/>
					<input name="phone_number" id="phone_number_id_b" type="text" class="textbox" value="联系电话" onfocus="this.value = '';document.getElementById('phone_number_id_b').style.color='black';" onblur="if (this.value == '') {this.value = '联系电话为必填项';document.getElementById('phone_number_id_b').style.color='red';}"/>
					<input name="amount" id="amount_id_b" type="text" class="textbox" value="数量（盒）" onfocus="this.value = '';document.getElementById('amount_id_b').style.color='black';" onblur="if (this.value == '') {this.value = '数量为必填项';document.getElementById('amount_id_b').style.color='red';}"/>
					<span><img id="loading_image_b" src="web/images/loading_new.gif"/></span>
					<span><input id="submit_button_b" type="button" value="提交订单"/></span>
					<input name="type" id="type_id_b" type="text" style="display:none" value="套餐B"/>
					<div class="clear"></div>
				</form>
			</div>
		</div>
	</div>
	
	<div id="small-dialog2-c" class="mfp-hide">
		<div class="pop_up">
			<h2>网上下单</h2>
			<p>亲，您即将对: <span class="highlight">套餐C</span> 进行下单</p>
			<p>请您注意我们的配送时段安排：</p>
			<h4 class="description">每日下午02:00以前下单，当日下午03:00-下午04:00即可送达</h4>
			<h4 class="description">每日下午02:00以后下单，次日上午11:00-上午12:00即可送达</h4>
			<p>请您提供以下所有必要的信息，感谢您的合作！</p>
			<div class="order-form">
				<form method="post">
					<input name="client_name" id="client_name_id_c" type="text" class="textbox" value="联系人" onfocus="this.value = '';document.getElementById('client_name_id_c').style.color='black';" onblur="if (this.value == '') {this.value = '联系人为必填项';document.getElementById('client_name_id_c').style.color='red';}"/>
					<input name="address" id="address_id_c" type="text" class="textbox" value="地址" onfocus="this.value = '';document.getElementById('address_id_c').style.color='black';" onblur="if (this.value == '') {this.value = '地址为必填项';document.getElementById('address_id_c').style.color='red';}"/>
					<input name="phone_number" id="phone_number_id_c" type="text" class="textbox" value="联系电话" onfocus="this.value = '';document.getElementById('phone_number_id_c').style.color='black';" onblur="if (this.value == '') {this.value = '联系电话为必填项';document.getElementById('phone_number_id_c').style.color='red';}"/>
					<input name="amount" id="amount_id_c" type="text" class="textbox" value="数量（盒）" onfocus="this.value = '';document.getElementById('amount_id_c').style.color='black';" onblur="if (this.value == '') {this.value = '数量为必填项';document.getElementById('amount_id_c').style.color='red';}"/>
					<span><img id="loading_image_c" src="web/images/loading_new.gif"/></span>
					<span><input id="submit_button_c" type="button" value="提交订单"/></span>
					<input name="type" id="type_id_c" type="text" style="display:none" value="套餐C"/>
					<div class="clear"></div>
				</form>
			</div>
		</div>
	</div>
	
	<h2>网上下单</h2>
	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
		<div class="order-grids">
			<div class="grid">
				<div class="dc_zoom_css">
					<img class="post-person" src="web/images/img1.jpg">
				</div>
				<div class="desc">
					<h3>A套餐</h3>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				</div>
				<a class="popup-with-zoom-anim" href="#small-dialog2-a">
					<span id="neworder">下单</span>
				</a>
			</div>
			<div class="grid">
				<div class="dc_zoom_css">
					<img class="post-person" src="web/images/img2.jpg">
				</div>
				<div class="desc">
					<h3>B套餐</h3>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				</div>
				<a class="popup-with-zoom-anim" href="#small-dialog2-b">
					<span id="neworder">下单</span>
				</a>
			</div>
			<div class="grid">
				<div class="dc_zoom_css">
					<img class="post-person" src="web/images/img3.jpg">
				</div>
				<div class="desc">
					<h3>C套餐</h3>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
					</div>
				<a class="popup-with-zoom-anim" href="#small-dialog2-c">
					<span id="neworder">下单</span>
				</a>
			</div>
			<div class="clear"> </div>
		</div>
	</div>
</div>
<!---------end-order------------->
<div class="contact" id="contact">
	<div class="wrap">
		<h2>联系我们</h2>
		<h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h4>
		<div class="section group">
			  <div class="col span_2_of_3">
				  <div class="contact-form">
				  	  <form method="post" action="#">
					    	
					    		<input type="text" class="textbox" value="Your Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your  Name';}">
						    	<input type="text" class="textbox" value="Your Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Email';}">
						    	<div class="clear"> </div>
						   
						    <div>
						    	<textarea value="Your Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Message';}">Your Message...</textarea>
						    </div>
						  <span><input type="submit" class="" value="Submit"></span>
						  <div class="clear"></div>
					    </form>
				  </div>
  				</div>
				<div class="col span_1_of_3">
					<div class="company_address">
				     	<h5>INFORMATION</h5>
						<ul class="list3">
							<li>
								<img src="web/images/location.png" alt=""/>
								<div class="extra-wrap">
								  <p>Lorem ipsum  consectetu</p>
								  <p>12345-Lorem ipsum  consectetu</p>
								  <p>Lorem ipsum , consectetu</p>
								</div>
								<div class="clear"> </div>
							</li>
							
							<li>
								<img src="web/images/phone.png" alt=""/>
								<div class="extra-wrap">
									<p>+1 800(Phone) 258 2598</p>
								</div>
								<div class="clear"> </div>
							</li>
							<li>
								<img src="web/images/fax2.png" alt=""/>
								<div class="extra-wrap">
									<p>+1 500(Tax) 6343 8690</p>
								</div>
								<div class="clear"> </div>
							</li>
							<li>
								<img src="web/images/mail.png" alt=""/>
								<div class="extra-wrap">
									<p> <a href="mailto:info@mycompany.com"> info(at)appstore.com</a></p>
								</div>
								<div class="clear"> </div>
							</li>
						</ul>
				   </div>
				 </div>
				 <div class="clear"></div>
			  </div>
			  </div>
     	</div>
     <div class="footer-bottom">
     	<div class="wrap">
        <div class="copy">
		    <p class="copy">&#169 2014 Powered by  <a href="http://chiguoguo.com.cn" target="_blank">吃果果</a> </p>
		</div>
		<script type="text/javascript">
							$(document).ready(function() {
								
								var defaults = {
						  			containerID: 'toTop', // fading element id
									containerHoverID: 'toTopHover', // fading element hover id
									scrollSpeed: 1200,
									easingType: 'linear' 
						 		};
								
								
								$().UItoTop({ easingType: 'easeOutQuart' });
								
							});
						</script>
		 <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
		 <script src="web/js/jquery.scrollTo.js"></script>
		</div>
	</div>
</body>
</html>